<!doctype html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap 的 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../../static/css/login.css" th:href="@{/static/css/login.css}">
    <title>登录</title>
</head>
<body>
<div class="container">
    <br>
    <br>
    <br>
    <br>
    <br>
    <br>
    <div id="all" class="auth-form-light text-left py-5 px-4 px-sm-5">
        <h4 id="first">欢迎来到书城</h4>
        <span th:text="${message}" style="color: red"></span>
        <form th:action="@{/admin/login}" class="pt-3" th:method="post">
            <div class="form-group">
                <input type="text" name="username" class="form-control form-control-lg" id="exampleInputEmail1" placeholder="Username">
            </div>
            <div class="form-group">
                <input type="password" name="password" class="form-control form-control-lg" id="exampleInputPassword1"
                       placeholder="Password">
            </div>
            <div class="mt-3">
              <button type="submit" class="btn btn-block btn-primary btn-lg font-weight-medium auth-form-btn">登录</button>
            </div>
        </form>
    </div>
    <div class="text-center mt-4 font-weight-light">
        <a th:href="@{/admin/register}" class="text-primary">注册新账号</a>
    </div>
</div>
<!-- JavaScript 文件是可选的。从以下两种建议中选择一个即可！ -->

<!-- 选项 1：jQuery 和 Bootstrap 集成包（集成了 Popper） -->
<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.bundle.min.js"></script>

</body>
</html>
